<!-- 2. 卡片式多行二级栏目 - 适合内容板块独立的导航场景 -->
<div class="nav-section card-navigation">
    <!-- 兴趣爱好分类 -->
    <div class="category-card active">
        <div class="category-card-icon">
            <i class="fas fa-heart"></i>
        </div>
        <h3 class="category-card-title">兴趣爱好</h3>
        <div class="card-subcategories">
            <a href="#" class="card-subcategory active"><i class="fas fa-chevron-right fa-xs"></i> 摄影</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 音乐</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 读书</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 电影</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 旅行</a>
        </div>
    </div>

    <!-- 生活分类 -->
    <div class="category-card">
        <div class="category-card-icon">
            <i class="fas fa-home"></i>
        </div>
        <h3 class="category-card-title">生活</h3>
        <div class="card-subcategories">
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 美食</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 健身</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 穿搭</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 家居</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 宠物</a>
        </div>
    </div>

    <!-- 知识分类 -->
    <div class="category-card">
        <div class="category-card-icon">
            <i class="fas fa-brain"></i>
        </div>
        <h3 class="category-card-title">知识</h3>
        <div class="card-subcategories">
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 科学</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 历史</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 心理学</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 哲学</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 语言</a>
        </div>
    </div>

    <!-- 科技分类 -->
    <div class="category-card">
        <div class="category-card-icon">
            <i class="fas fa-microchip"></i>
        </div>
        <h3 class="category-card-title">科技</h3>
        <div class="card-subcategories">
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 互联网</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 编程</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 人工智能</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 数码产品</a>
            <a href="#" class="card-subcategory"><i class="fas fa-chevron-right fa-xs"></i> 区块链</a>
        </div>
    </div>
</div>
